<template>
	<view class="proPage">
		<!-- 汽车票常见问题组件 -->
		<view class="proBor">
			<view class="issure">
				<view class="">常见问题</view>
				<view class="more" @click="go">更多 ></view>
			</view>
			<view class="question">
				<view class="" @click="goProblem(1)">{{ JSONData[0] }}</view>
				<view class="" @click="goProblem(2)">{{ JSONData[1] }}</view>
			</view>
			<view class="question">
				<view class="" @click="goProblem(3)">{{ JSONData[2] }}</view>
				<view class="" @click="goProblem(4)">{{ JSONData[3] }}</view>
			</view>
		</view>
	</view>
</template>

<script>
import value from '../../../static/value/value.js';
export default {
	props: ["JSONData"],
	data(){
		return{
		}
	},
	onLoad() {
	},
	methods:{
		goProblem(index){
			this.$emit('PIndex', index);
		},
		go(){
			this.$emit('PIndex', false);
		}
	}
}
</script>

<style scoped>
.proPage {
	width: 100%;
	margin: auto;
	background-color: #ffffff;
	border-radius: 10upx;
}
.proBor {
	width: 90%;
	margin: auto;
	padding-bottom: 40rpx;
}
.issure {
	display: flex;
	height: 70upx;
	line-height: 70upx;
	margin-top: 25upx;
	border-bottom: 1px solid #cccccc;
	justify-content: space-between;
}

.more {
	color: #00a0ff;
}

.question {
	width: 100%;
	margin: auto;
	display: flex;
	margin-top: 25upx;
	justify-content: space-around;
}

.question view {
	width: 40%;
	height: 70upx;
	line-height: 70upx;
	text-align: center;
	color: #999999;
	background-color: #e5e5e5;
}
</style>
